<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>修改LED信息</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="./data/sensor.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body onload="initSelectData()">
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="L_deviceIp" class="layui-form-label">
                    <span class="x-red">*</span>LED设备IP:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_deviceIp" name="ipaddress" required="" lay-verify="ipddress"
                           autocomplete="off" class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="select_address" class="layui-form-label">
                    <span class="x-red">*</span>设备位置</label>
                <div class="layui-input-inline">
                    <select id="select_address" style="width: 100px;height: 20px">
                        <option value="">请选择</option>
                    </select>
                    <!--                        <input type="text" id="L_deviceLocation" name="devicelocation" required="" lay-verify="devicelocation" autocomplete="off" class="layui-input">-->
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_locationX" class="layui-form-label">
                    <span class="x-red">*</span>位置X:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_locationX" name="coordinatex" required="" lay-verify="coordinatex"
                           autocomplete="off" class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="L_locationY" class="layui-form-label">
                    <span class="x-red">*</span>位置Y:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_locationY" name="coordinatey" required="" lay-verify="coordinatey"
                           autocomplete="off" class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="L_locationZ" class="layui-form-label">
                    <span class="x-red">*</span>位置Z:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_locationZ" name="coordinatez" required="" lay-verify="coordinatez"
                           autocomplete="off" class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="L_contentpids" class="layui-form-label">
                    <span class="x-red">*</span>内容编号:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_contentpids" name="contentpids" required="" lay-verify="contentpids"
                           autocomplete="off" class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label for="L_audioid" class="layui-form-label">
                        <span class="x-red">*</span>语音ID:</label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_audioid" name="audioid" required="" lay-verify="audioid"
                               autocomplete="off" class="layui-input"></div>
                </div>
                <div class="layui-inline">
                    <label for="L_mainboardId" class="layui-form-label">
                        <span class="x-red">*</span>主板编号:</label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_mainboardId" name="mainboardId" required="" lay-verify="mainboardId"
                               autocomplete="off" class="layui-input"></div>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="L_led_slogan" class="layui-form-label">
                    <span class="x-red">*</span>显示标题:</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_led_slogan" name="ledSlogan" required="" lay-verify="ledSlogan"
                           autocomplete="off" class="layui-input"></div>
            </div>
            </div>
            <div class="layui-form-item" style="display: none;">
                <label for="L_contentID" class="layui-form-label">
                    <span class="x-red">*</span>播放内容</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_contentID" name="contentpids" required="" lay-verify="contentpids"
                           autocomplete="off" class="layui-input"></div>
            </div>


            <div class="layui-form-item">
                <!--                        <label for="test" class="layui-form-label"></label>-->
                <label class="layui-form-label"></label>
                <label class="layui-form-label"></label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button class="layui-btn" lay-filter="add" lay-submit="">确定</button>
            </div>
        </form>

    </div>
</div>
<script>
    // $(function () {
    //     initSelectData();
    // });
    function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == variable) {
                return pair[1];
            }
        }
        return (false);
    }

    var curInfo;
    $(document).ready(function () {
        let pid = getQueryVariable("pid");
        var initLedInfo = sensorServer.getLedListByPid({"pid": pid});
        curInfo = initLedInfo.data[0];
        $("#L_deviceIp").val(curInfo.ipaddress);
        $("#L_locationX").val(curInfo.coordinatex);
        $("#L_locationY").val(curInfo.coordinatey);
        $("#L_locationZ").val(curInfo.coordinatez);
        $("#L_contentpids").val(curInfo.contentpids);
        $("#L_audioid").val(curInfo.audioid);
        $("#L_mainboardId").val(curInfo.mainboardid);
        $("#L_led_slogan").val(curInfo.ledSlogan);
        var dataSensor = sensorServer.getSensorList({"page": 1, "rows": 1000});
        if (dataSensor != null) {
            let optionList = "";
            for (let i = 0; i < dataSensor.data.length; i++) {
                // optionList+="<option value='"+dataSensor.data[i].deviceid+"'>"+dataSensor.data[i].devicelocation+"-"+dataSensor.data[i].deviceid+"</option>";
                optionList += "<option value='" + dataSensor.data[i].pid + "'>" + dataSensor.data[i].devicelocation + "-" + dataSensor.data[i].deviceid + "</option>";
            }
            $("#select_address").append(optionList);
            $("#select_address").val(curInfo.sensorpid);
        }

        initSelectData(curInfo);
    });

    function initSelectData(curInfo) {
        layui.use(['form', 'layer', 'jquery'],
            function () {
                $ = layui.jquery;
                var form = layui.form,
                    layer = layui.layer;

                //自定义验证规则
                form.verify({
                    nikename: function (value) {
                        if (value.length < 5) {
                            return '昵称至少得5个字符啊';
                        }
                    },
                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
                    repass: function (value) {
                        if ($('#L_pass').val() != $('#L_repass').val()) {
                            return '两次密码不一致';
                        }
                    }
                });

                //监听提交
                form.on('submit(add)',
                    function (data) {
                        let pid = getQueryVariable("pid");
                        var initLedInfo = sensorServer.getLedListByPid({"pid": pid});
                        curInfo = initLedInfo.data[0];
                        data.field = curInfo;
                        let sensorPid = $("#select_address").val();
                        if (sensorPid != "") {
                            //data.field.sensorpid=sensorPid;
                            curInfo.sensorpid = sensorPid;
                        }
                        //data.field.contentpids=1;
                        curInfo.contentpids = $("#L_contentpids").val();
                        curInfo.coordinatex = $("#L_locationX").val();
                        curInfo.coordinatey = $("#L_locationY").val();
                        curInfo.coordinatez = $("#L_locationZ").val();
                        curInfo.audioid = $("#L_audioid").val();
                        curInfo.mainboardid = $("#L_mainboardId").val();
                        curInfo.ledSlogan=$("#L_led_slogan").val();
                        curInfo.ipaddress=$("#L_deviceIp").val();
                        let result = sensorServer.updateLedInfo(curInfo);
                        console.log(result);
                        let msg = "操作完成";
                        if (result == 1) {
                            msg = "操作完成";
                        }
                        layer.alert(msg, {
                                icon: 6
                            },
                            function () {
                                //关闭当前frame
                                xadmin.close();
                                // 可以对父窗口进行刷新
                                xadmin.father_reload();
                            });
                        return false;
                    });

            });
    }

</script>
</body>

</html>
